<article>
	<h1><?php echo $GLOBALS['title'] ?></h1>
	<p>通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。</p>
	<p>当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。</p>
	<p>HTML DOM 模型被构造为对象的树。</p>
	<img src="__PUBLIC__/images/ct_htmltree.gif" width="100%" alt="">
	<p>通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。</p>
	<ol>
		<li>JavaScript 能够改变页面中的所有 HTML 元素</li><p></p>
		<li>JavaScript 能够改变页面中的所有 HTML 属性</li><p></p>
		<li>JavaScript 能够改变页面中的所有 CSS 样式</li><p></p>
		<li>JavaScript 能够对页面中的所有事件做出反应</li><p></p>
	</ol>
	<h3>Document 对象集合(不常用)</h3>
	<table class="dataintable">
	    <tbody>
	        <tr>
	            <th style="width:30%">
	                集合
	            </th>
	            <th>
	                描述
	            </th>
	        </tr>
	        <tr>
	            <td>
	                <a>
	                    all[]
	                </a>
	            </td>
	            <td>
	                提供对文档中所有 HTML 元素的访问。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a>
	                    anchors[]
	                </a>
	            </td>
	            <td>
	                返回对文档中所有 Anchor 对象的引用。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                applets
	            </td>
	            <td>
	                返回对文档中所有 Applet 对象的引用。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a >
	                    forms[]
	                </a>
	            </td>
	            <td>
	                返回对文档中所有 Form 对象引用。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a >
	                    images[]
	                </a>
	            </td>
	            <td>
	                返回对文档中所有 Image 对象引用。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a >
	                    links[]
	                </a>
	            </td>
	            <td>
	                返回对文档中所有 Area 和 Link 对象引用。
	            </td>
	        </tr>
	    </tbody>
	</table>
	<h3>Document 对象属性(不常用)</h3>
	<table class="dataintable">
	    <tbody>
	        <tr>
	            <th style="width:30%">
	                属性
	            </th>
	            <th>
	                描述
	            </th>
	        </tr>
	        <tr>
	            <td>
	                body
	            </td>
	            <td>
	                <p>
	                    提供对 &lt;body&gt; 元素的直接访问。
	                </p>
	                <p>
	                    对于定义了框架集的文档，该属性引用最外层的 &lt;frameset&gt;。
	                </p>
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a>
	                    cookie
	                </a>
	            </td>
	            <td>
	                设置或返回与当前文档有关的所有 cookie。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a>
	                    domain
	                </a>
	            </td>
	            <td>
	                返回当前文档的域名。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a >
	                    lastModified
	                </a>
	            </td>
	            <td>
	                返回文档被最后修改的日期和时间。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a>
	                    referrer
	                </a>
	            </td>
	            <td>
	                返回载入当前文档的文档的 URL。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a >
	                    title
	                </a>
	            </td>
	            <td>
	                返回当前文档的标题。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a>
	                    URL
	                </a>
	            </td>
	            <td>
	                返回当前文档的 URL。
	            </td>
	        </tr>
	    </tbody>
	</table>
	<h3>Document 对象方法(重要)</h3>
	<table class="dataintable">
	    <tbody>
	        <tr>
	            <th style="width:30%">
	                方法
	            </th>
	            <th>
	                描述
	            </th>
	        </tr>
	        <tr>
	            <td>
	                <a>
	                    getElementById()
	                </a>
	            </td>
	            <td>
	                返回对拥有指定 id 的第一个对象的引用。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                <a >
	                    getElementsByName()
	                </a>
	            </td>
	            <td>
	                返回带有指定名称的对象集合。
	            </td>
	        </tr>
	        <tr>
	            <td class="no_wrap">
	                <a >
	                    getElementsByTagName()
	                </a>
	            </td>
	            <td>
	                返回带有指定标签名的对象集合。
	            </td>
	        </tr>
	        <tr>
	            <td class="no_wrap">
	                <a >
	                    getElementsByClassName()
	                </a>
	            </td>
	            <td>
	                方法返回文档中所有指定类名的元素集合
	            </td>
	        </tr>
	    </tbody>
	</table>
</article>